<template>
	<div>
		<h2>▋ 热点新闻</h2>
		<ul>
			<li v-for="item in $store.state.tian.news">
				<a :href="item.sourceUrl">{{item.title}}</a>
			</li>
		</ul>
	</div>
</template>

<script>
</script>

<style lang="less" scoped="scoped">
	div{
		width: 100%;
		border-radius: 15px;
		background-color: rgba(0,0,0,.5);
		margin-bottom: 1em;
		h2{
			color: #fff;
			font-size: 16px;
			font-family: '黑体';
			text-indent: 2em;
			padding-top: 1em;
			margin-bottom: 1em;
		}
		li{
			list-style-type: none;
			padding-left: 1em;
			margin-bottom: .5em;
		}
		a{
			color: #fff;
			text-decoration: none;
		}
	}
</style>
